<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>小猪CMS Banner</title>
		<link rel="stylesheet" href="css/idangerous.swiper2.7.6.css"/>
		<link rel="stylesheet" href="css/animate.min.css"/>
		<link rel="stylesheet" href="css/style.css"/>
	</head>

	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				
				<div class="swiper-slide slide2">
					<a href="#" class="inner" target="_blank">
						<img src="images/pigBanner_03.png" class="ani img zh-a-1" swiper-animate-effect="bounceInDown" swiper-animate-duration="3s" swiper-animate-delay="0.5s">
						<img src="images/pigBnnaer_1_03.png" class="ani img zh-a-2" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="0s">
					</a>
				</div>
				
			</div>
	
		</div>

		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/idangerous.swiper2.7.6.min.js"></script>
		<script src="js/swiper.animate1.0.2.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {

				paginationClickable: true,
				autoplay: 10000,
				speed: 1,

				//autoplayDisableOnInteraction : false,

				onInit: function(swiper) { //Swiper2.x的初始化是onFirstInit
					swiperAnimateCache(swiper); //隐藏动画元素 
					swiperAnimate(swiper); //初始化完成开始动画
				},
				onSlideChangeEnd: function(swiper) {
					swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
				}
			})
	
		</script>
	</body>

</html>